[#escape x as x?html]
    <input type="hidden" id="pageSize" name="pageSize" value="${page.pageSize}" />
    <input type="hidden" id="searchProperty" name="searchProperty" value="${form.searchProperty!}" />
    <input type="hidden" id="searchPropertyType" name="searchPropertyType" value="${form.searchPropertyType!}" />
    <input type="hidden" id="orderProperty" name="orderProperty" value="${form.orderProperty!}" />
    <input type="hidden" id="orderDirection" name="orderDirection" value="${form.orderDirection!}" />
    <script>
        $().ready(function () {
            var searchProperty = "${form.searchProperty!}";

            if ($.trim(searchProperty).length === 0) {
                $("#search").find("li").eq(0).addClass("active");
            } else {
                $("[data-search-property]").each(function () {
                    var property = $(this).data("search-property");
                    if (searchProperty === property) {
                        $(this).addClass("active");
                    }
                })
            }
            var $searchSpan = $(".search-span");
            var innerHtml = $("#search li.active a").html();
            if (innerHtml) {
                $searchSpan.html(innerHtml);
            }
            var $resetRequest = $(".reset-request");
            var url = $resetRequest.closest("form").attr("action");
            $resetRequest.attr("href", url);
        })
    </script>
    [#if page.totalPages >1]
        <div class="panel-footer text-right">
            <ul class="pagination">
                [#if isFirst]
                    <li class="disabled">
                        <a href="javascript:;">&laquo;</a>
                    </li>
                [#else]
                    <li>
                        <a href="javascript:;" data-page-number="1">第一页</a>
                    </li>
                    <li>
                        <a href="javascript:;" data-page-number="${previousPageNumber}">&laquo;</a>
                    </li>
                [/#if]
                [#list segment as segmentPageNumber]
                    [#if segmentPageNumber != pageNumber]
                        <li>
                            <a href="javascript:;" data-page-number="${segmentPageNumber}">${segmentPageNumber}</a>
                        </li>
                    [#else]
                        <li class="active">
                            <a href="javascript:;">${segmentPageNumber}</a>
                        </li>
                    [/#if]
                [/#list]

                [#if hasNext]
                    <li>
                        <a href="javascript:;" data-page-number="${nextPageNumber}">&raquo;</a>
                    </li>
                [/#if]

                [#if isLast]
                    <li class="disabled">
                        <a href="javascript:;">&raquo;</a>
                    </li>
                [#else]
                    <li>
                        <a href="javascript:;" data-page-number="${totalPages}">最后一页</a>
                    </li>
                [/#if]
            </ul>
        </div>
    [#else]
        [#if (page?? && page.totalPages == 0) || (contents??&&contents?size ==0)]
            <div class="panel-footer text-center" style="border-top:none">
                <span class="text-gray">没有更多数据了</span>
            </div>
        [/#if]
    [/#if]
[/#escape]